<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="com.chanyachting.emall.util.*"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@ page import="com.chanyachting.emall.serviceImpl.*"%>
<%@ page import="com.chanyachting.emall.service.*"%>
<%@ page import="com.chanyachting.emall.dao.*"%>
<%@ page import="com.chanyachting.emall.domain.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<link href="../css/import.css" type="text/css" rel="stylesheet" />
<link href="../css/register/register.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../js/hideshow.js"></script>
<script type="text/javascript" src="../js/jquery132.js"></script>
<script type="text/javascript" src="../js/calender.js"></script>
<script type="text/javascript" src="../js/jquery.select-1.3.5.js"></script>
<script type="text/javascript" src="../../js/arealink.js"></script>
<title>用户注册</title>
<script type="text/javascript">
function openShutManager(oSourceObj,oTargetObj,shutAble,oOpenTip,oShutTip){
var sourceObj = typeof oSourceObj == "string" ? document.getElementById(oSourceObj) : oSourceObj;
var targetObj = typeof oTargetObj == "string" ? document.getElementById(oTargetObj) : oTargetObj;
var openTip = oOpenTip || "";
var shutTip = oShutTip || "";
if(targetObj.style.display!="none"){
   if(shutAble) return;
   targetObj.style.display="none";
   if(openTip  &&  shutTip){
    sourceObj.innerHTML = shutTip; 
   }
} else {
   targetObj.style.display="block";
   if(openTip  &&  shutTip){
    sourceObj.innerHTML = openTip; 
   }
}
}
function sendForm() {
	var companyMsg = document.getElementById("company");
	if(companyMsg.style.display=="none") {
		//清除公司相关的信息。
	}
	var EleNode = companyMsg.childNodes;
	var eleLen = EleNode.length;

	var nodeNamess = "";
	for(j=0;j<eleLen;j++) {
		if (EleNode[j].hasChildNodes()) {
			if (EleNode[j].firstChild.nodeName) {
				if (EleNode[j].firstChild.nodeName == "SELECT" || EleNode[j].firstChild.nodeName == "TEXT") {
					nodeNamess = nodeNamess + EleNode[j].firstChild.text + "\r";
				}
				nodeNamess = nodeNamess + EleNode[j].firstChild.nodeName + "\r";
			}
		} else {
			if (EleNode[j].noteName) {
				if (EleNode[j].noteName == "SELECT" && EleNode[j].noteName == "TEXT") {
					nodeNamess = nodeNamess + EleNode[j].firstChild.text + "\r";
				}
				nodeNamess = nodeNamess + EleNode[j].noteName + "\r";
			}
		}
	}
	//alert(nodeNamess);
	document.form3.submit();
}

function changeBusinessType(id) {
	if (id != 0) {
		$.get("include/businessCategoryList.jsp", { btypeId: id },
			  function(data){
			    //alert("Data Loaded: " + data);
			    $("#businessCategory").html(data);
			  });
	}
}


</script>
<style type="text/css">
<!--
.STYLE1 {font-weight: bold}
-->
</style>
</head>
<body>
<%@include file="/common/head.jsp" %>
<!--content_start-->

<div id="content">
	<div id="left">
    	<div class="menu">
        	<ul>
            	<li><a href="#" title="会员登陆">会员登陆</a></li>
            	<li><a href="#" title="忘记密码">忘记密码</a></li>
            	<li><a href="#" title="个人会员">个人会员</a></li>
            	<li><a href="#" title="公司会员">公司会员</a></li>
            	<li><a href="#" title="服务条款">服务条款</a></li>
            	<li><a href="#" title="隐私政策">隐私政策 </a></li>
            </ul>
      </div>
      <div class="vedio_left"><img src="../images/vedio_left.jpg" alt="" /></div>
        <div class="dingyue">
       	  <h3>新闻订阅</h3>
            <form id="form2" name="form2" method="post" action="">
           	  <div>
           	  <input type="checkbox" name="checkbox" id="checkbox" /> 游艇销售及租赁
           	  </div>
           	  <div>
           	  <input type="checkbox" name="checkbox2" id="checkbox2" /> 码头及俱乐部
           	  </div>
           	  <div>
           	  <input type="checkbox" name="checkbox3" id="checkbox3" /> 其他
           	  </div>
           	  <div>
           	  <input type="checkbox" name="checkbox4" id="checkbox4" /> 其他
           	  </div>
              <div>
              <input name="textfield3" type="text" id="textfield3" value="请输入您的E-mail地址" class="txt_input" />
              </div>
              <div>
              <input type="submit" name="button2" id="button2" value="提交" class="btn_tijiao" />
              </div>
          </form>
        </div>
    </div>
    
    <div id="right">
    	<div class="register">
    	<form action="/chinayachting/frontend/register.do" method="post" enctype="multipart/form-data" name="form3" id="form3">
  <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td height="40" colspan="2">创建一个中华东游艇网个人会员和公司会员账号,同时拥有全球领先的在线办公系统</td>
      </tr>
    
    <tr>
      <td height="28" class="td_bottom"><strong>个人信息</strong></td>
      <td class="td_bottom">&nbsp;</td>
    </tr>
    <tr>
      <td width="360"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100" height="28" align="right"><span class="red">*</span>用户名：</td>
          <td><label>
            <input type="text" name="memberName" id="textfield8" />
          </label></td>
        </tr>
        <tr>
          <td height="25" align="right"><span class="red">*</span>邮件地址：</td>
          <td><label>
            <input type="text" name="email" id="textfield9" />
          </label></td>
        </tr>
        <tr>
          <td height="28" align="right"><span class="red">*</span>设定密码：</td>
          <td><label>
            <input type="password" name="password" id="textfield38" />
          </label></td>
        </tr>
        <tr>
          <td height="28" align="right"><span class="red">*</span>确认密码：</td>
          <td><label>
            <input type="password" name="repassword" id="textfield37" />
          </label></td>
        </tr>
        <tr>
          <td height="28" align="right"><span class="red">*</span>性别：</td>
          <td><label>
            <select name="sex" id="select">
              <option value="01">男</option>
              <option value="02">女</option>
            </select>
          </label></td>
        </tr>
        <tr>
          <td height="25" align="right"><span class="red">*</span>生日：</td>
          <td><label>
            <input type="text" name="memberBirthday" style="width:80px" id="textfield37" onfocus="HS_setDate(this)"/>
          </label></td>
        </tr>
        <tr>
          <td height="25" align="right"><span class="red">*</span>行业：</td>
          <td><label>
          <select name="jobType" id="select3">
            <option value="" selected="selected">请选择</option>
              <% Map businessTypeList = CodeMap.businessType; pageContext.setAttribute("businessTypeList",businessTypeList);  %>
              <logic:iterate id="businessTypes" name="businessTypeList">
              <option value="${businessTypes.key}">${businessTypes.value}</option>
              </logic:iterate>
          </select>
          </label></td>
        </tr>
        <tr>
          <td height="28" align="right"><span class="red">*</span>州/省：</td>
          <td><label>
            <select name="area" id="select3">
              <option value="" selected="selected">请选择</option>
              <% Map jobAreaList = CodeMap.toJobArea; pageContext.setAttribute("jobAreaList",jobAreaList);  %>
              <logic:iterate id="area" name="jobAreaList">
              <option value="${area.key}">${area.value}</option>
              </logic:iterate>
            </select>
          </label></td>
        </tr>
        <tr>
          <td height="28" align="right">职业：</td>
          <td><label>
            <input type="text" name="job" id="textfield29" />
          </label></td>
        </tr>
        <tr>
          <td height="28" align="right"> 在线联系 ：</td>
          <td><label>
            <input type="text" name="blog" id="textfield30" />
          </label></td>
        </tr>
        <tr>
          <td height="25" align="right">备用邮件：</td>
          <td><label>
            <input type="text" name="backupEmail" id="textfield12" />
          </label></td>
        </tr>
        <tr>
          <td height="28" align="right">个人主页：</td>
          <td><label>
            <input type="text" name="webContact" id="textfield36" />
          </label></td>
        </tr>
      </table></td>
      <td valign="top"><br /><table width="225" border="0" cellpadding="0" cellspacing="0" class="login_box">
        <tr>
          <td height="160" valign="top" bgcolor="#d9d9d9"><table width="197" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td height="60"><p class="title"><span>快速登录</span><br />               
                您可以用Google, Yahoo帐号登录。</p></td>
            </tr>
            <tr>
              <td height="40" background="../images/register/bgs_03.jpg"><a href="#">　　　　用GoogleID登陆</a> </td>
            </tr>
            <tr>
              <td height="8"></td>
            </tr>
            <tr>
              <td height="40" background="../images/register/bgs_03.jpg"><a href="#">　　　　用YahooID登陆</a> </td>
            </tr>
          </table></td>
        </tr>
        
      </table></td>
    </tr>
    <tr>
      <td colspan="2" align="center">&nbsp;</td>
    </tr>
  </table>
  <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td height="28" align="center">填写公司信息可成为公司会员,公司会员注册可免费获得全球领先的在线客户关系团队版终身免费使用</td>
      <td width="40" align="center" bgcolor="#cccccc"><a href="javascript:void(0)" onclick="openShutManager(this,'company',false,'收起','展开')">展开</a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
  <div id="company" style="display:none;">
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="360" valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="100" height="25" align="right"><span class="red">*</span>公司名称：</td>
        <td><label>
          <input type="text" name="name" id="textfield6" />
        </label></td>
      </tr>
      <tr>
        <td height="25" align="right"><span class="red">*</span>地址：</td>
        <td><label>
        	<select name="firstAddress" id="s1">
				<option></option>
				</select> 
				
				<select name="secondAddress" id="s2">
				<option></option>
				</select>
          <input name="detailAddress" type="text" id="textfield7" size="15" />
        </label></td>
      </tr>
      <tr>
        <td height="25" align="right"><span class="red">*</span>街道：</td>
        <td><label>
          <input type="text" name="streetName" id="textfield14" />
        </label></td>
      </tr>
      <tr>
        <td height="25" align="right"><span class="red">*</span>邮编：</td>
        <td><label>
          <input name="postcode" type="text" id="textfield10" size="4" />
        </label></td>
      </tr>
      <tr>
        <td height="25" align="right"><span class="red">*</span>电话：</td>
        <td><label>
          <input type="text" name="tel" id="textfield11" />
        </label></td>
      </tr>
      <tr>
        <td height="25" align="right"><span class="red">*</span>传真：</td>
        <td><label>
          <input type="text" name="fax" id="textfield13" />
        </label></td>
      </tr>
      <tr>
        <td height="25" align="right"><span class="red">*</span>联系人：</td>
        <td><label>
          <input type="text" name="linkManName" id="textfield18" />
        </label></td>
      </tr>
      <tr>
        <td height="25" align="right">手机：</td>
        <td><input name="linkManPhone" type="text" id="textfield16" size="11" />
              <label></label></td>
      </tr>
      <tr>
        <td height="25" align="right">在线联系：</td>
        <td><label>
          <input name="linkManWeb" type="text" id="textfield14" size="11" />
        </label></td>
      </tr>
      <tr>
        <td height="25" align="right"><span class="red">*</span>电子邮件：</td>
        <td><label>
          <input type="text" name="linkManEmail" id="textfield15" />
        </label></td>
      </tr>
      <tr>
        <td height="25" align="right"><span class="red">*</span>网站：</td>
        <td><label>
          <input type="text" name="webPage" id="textfield16" />
        </label></td>
      </tr>
    </table></td>
    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="28" colspan="2" align="center"><img src="../images/register/pp_03.gif" width="200" height="120" /></td>
      </tr>
      <tr>
        <td width="100" height="28" align="right">公司LOGO：</td>
        <td><input name="logoFile" type="file" id="fileField" size="4" /></td>
      </tr>
      <tr>
        <td height="28" align="right">公司营业执照：</td>
        <td><label>
          <input name="logoFile2" type="file" id="fileField4" size="4" />
        </label></td>
      </tr>
      <tr>
        <td height="28" align="right">联系人职务：</td>
        <td><label>
          <input type="text" name="linkManJob" id="textfield17" />
        </label></td>
      </tr>
      <tr>
        <td height="28" align="right">服务产品：</td>
        <td><label>
          <input type="text" name="mainServiceProduct" id="textfield18" />
        </label></td>
      </tr>
      <tr>
        <td height="28" align="right">服务区域 ：</td>
        <td><label>
          <input type="text" name="mainServiceArea" id="textfield19" />
        </label></td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100" height="28" align="left" class="td_bottom STYLE1"><span class="red">*</span>企业详细介绍</td>
    <td class="td_bottom">&nbsp;</td>
  </tr>
</table>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100" valign="top">&nbsp;</td>
    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="28"><span class="red">*</span>公司性质：</td>
        <td><label>
          <select name="companyType" id="select7">
          <option value="" selected="selected">请选择</option>
          <% Map companyTypeList = CodeMap.companyType; pageContext.setAttribute("companyType",companyTypeList);  %>
              <logic:iterate id="compType" name="companyType">
              <option value="${compType.key}">${compType.value}</option>
              </logic:iterate>
          </select>
        </label></td>
      </tr>
      <tr>
        <td height="28"><span class="red">*</span>公司雇员：</td>
        <td><label>
          <select name="employeeNumber" id="select8">
          	<option value="" selected="selected">请选择</option>
          	<% Map employeeNumberList = CodeMap.employeeNumber; pageContext.setAttribute("employeeNumber",employeeNumberList);  %>
              <logic:iterate id="empNum" name="employeeNumber">
              <option value="${empNum.key}">${empNum.value}</option>
              </logic:iterate>
          </select>
        </label></td>
      </tr>
      <tr>
        <td height="28"><span class="red">*</span>成立时间：</td>
        <td><label>
          <input type="text" name="companyCreateDate" style="width:80px" id="textfield37" onfocus="HS_setDate(this)"/>
        </label></td>
      </tr>
      <tr>
        <td height="28"><span class="red">*</span>国家：</td>
        <td><label>
          <select name="companyState" id="select9">
          	<option value="" selected="selected">请选择</option>
          	<% Map stateList = CodeMap.state; pageContext.setAttribute("state",stateList);  %>
              <logic:iterate id="states" name="state">
              <option value="${states.key}">${states.value}</option>
              </logic:iterate>
          </select>
        </label></td>
      </tr>
      <tr>
        <td height="28">地理位置坐标：</td>
        <td><label>
          <input name="coordinate" type="text" id="fileField6" size="5" />
        </label></td>
      </tr>
      <tr>
        <td height="28">进口额：</td>
        <td><label>
          <input type="text" name="importTurnover" id="textfield23" />
        </label></td>
      </tr>
      <tr>
        <td height="28">营业额</td>
        <td><label>
          <input type="text" name="turnover" id="textfield28" />
        </label></td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100" height="28">　　
        <!--<strong>企业详细介绍</strong>--></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="160">&nbsp;</td>
    <td valign="bottom"><p>
      <label>
        <textarea name="companySummary" id="textarea4" cols="92" rows="9">不限字数,可选择公司网站对于公司的详细介绍,以保持宣传统一性</textarea>
        </label>
    </p></td>
  </tr>
</table>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="28" align="right">行业性质：</td>
    <td><label>
      <select name="businessTypeId" id="select4" onchange="changeBusinessType(this.value);">
      	<option value="" selected="selected">请选择</option>
        <%
        	BusinesstypeService btService = new BusinesstypeServiceImpl();
        	List<Businesstype> btList = btService.getAllBusinesstype();
        	pageContext.setAttribute("bt",btList);
        %>
              <logic:iterate id="bt" name="bt">
              <option value="${bt.id}">${bt.name}</option>
              </logic:iterate>
      </select>
    </label></td>
  </tr>
  <tr>
    <td width="100" height="126">&nbsp;</td>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="28">行业次分类</td>
        <td>&nbsp;</td>
        <td>主营产品服务</td>
        <td>&nbsp;</td>
        <td>关键词选择</td>
      </tr>
      <tr>
        <td id="businessCategory"><label>
          <textarea name="textarea2" id="textarea2" cols="20" rows="5"></textarea>
        </label></td>
        <td> -- > </td>
        <td id="productCategory"><label>
          <textarea name="textarea2" id="textarea8" cols="20" rows="5"></textarea>
        </label></td>
        <td><input type="button" value="添加" onclick="alert(document.getElementById('productcategoryId').value);"/><br /> 
            	<input type="button" value="删除" /></td>
        <td><label>
          <textarea name="textarea2" id="textarea9" cols="20" rows="5"></textarea>
        </label></td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100" height="28" align="left" class="td_bottom"><strong>企业黄页介绍</strong></td>
    <td width="0" class="td_bottom">&nbsp;</td>
  </tr>
  <tr>
    <td height="130">&nbsp;</td>
    <td valign="bottom"><p>&nbsp; </p>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="49%"><label>
              <textarea name="yellowPageSummary" id="textarea" cols="50" rows="7">此资料发布在网站的黄页频道，永久免费，</textarea>
            </label></td>
            <td width="51%"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="80" align="right">&nbsp;</td>
                  <td width="173"><img src="../images/register/pp_03.gif" width="128" height="86" /></td>
                </tr>
                <tr>
                  <td height="28" align="right">上传/修改：</td>
                  <td><label>
                    <input name="yellowPageFile" type="file" id="fileField2" size="4" />
                  </label></td>
                </tr>
            </table></td>
          </tr>
        </table>
      <p>
          <label></label>
      </p></td>
  </tr>
</table>
  </div>
  <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td width="100" height="28" align="left" class="td_bottom"><strong>验证码</strong></td>
      <td width="500"  class="td_bottom">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100" height="28" align="right">输入验证码：</td>
          <td><label>
            <input type="text" name="textfield4" id="textfield4" />
          </label></td>
        </tr>
        <tr>
          <td height="28" align="right">&nbsp;</td>
          <td><label>
            <input type="text" name="textfield5" id="textfield5" />
          看不清楚？<a href="#">换个图片</a></label></td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td height="28" colspan="2" class="td_bottom"><strong>服务条款</strong></td>
    </tr>
    <tr>
      <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100" height="28" align="right"><label>
            <input type="checkbox" name="checkbox5" id="checkbox5" />
          </label></td>
          <td><label>服务条款 以及隐私政策 </label></td>
        </tr>
        <tr>
          <td height="28" align="right"><label>
            <input type="checkbox" name="checkbox6" id="checkbox6" />
          </label></td>
          <td><label>
            百会相关服务条款 以及隐私政策
          </label></td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td height="40" colspan="2" align="center"><label>
        <input type="button" name="button3" id="button3" value="现在注册" onclick="sendForm();"/>
      </label></td>
    </tr>
    <tr>
      <td colspan="2" align="center">&nbsp;</td>
    </tr>
  </table>
   	  </form>
      </div>
    </div>
    <div class="clear"></div>
</div>
<!--content_end-->
<script language="javascript">
if (document.form3.name.value != "") {
	companyMsg.style.display=="block";
}
areaSetup();
</script>
<%@include file="/common/foot.jsp" %>
</body>
</html>
